<template>
	<div class="music-list">
		<div class="back" @click="back">
			<i class="icon-back"></i>
		</div>
		<h1 class="title">薛之谦</h1>
		<div class="bg-image">
			<div class="play-wrapper">
				<div class="play">
					<i class="icon-play"></i>
					<span class="text">随机播放全部</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  components: {},
  created() {},
  mounted() {},
  methods: {
	  back(){
		  this.$router.back()
	  }
  }
}
</script>
<style scoped lang='stylus'>
@import '~common/stylus/variable'
@import '~common/stylus/mixin'
.music-list
	position: fixed
	z-index:100
	top:0
	right:0
	bottom:0
	left:0
	background: $color-background
	.back
		position: absolute
		top: 0
		left: 6px
		z-index: 50
		.icon-back
			display: block
			padding: 10px
			font-size: $font-size-large-x
			color: $color-theme

  
</style>